<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <title>小票</title>
  <style>
    * {
      padding: 0;
      margin: 0;
      border: 0;
    }
    .main {
      width: 220px;
      padding: 10px;
      border: 1px dashed #ddd;
      font-size: 12px;
      color: #555;
    }
    .title {
      width: 100%;
      padding: 5px 0;
      text-align: center;
      font-weight: normal;
    }
    .order-message {
      padding: 5px 0;
    }
    .order-message > span {
      margin: 0 5px;
    }
    .tfoot > td,
    .thead > th {
      padding: 6px 0;
      border-top: 1px dashed #ddd;
      border-bottom: 1px dashed #ddd;
    }
    .tbody > td {
      padding: 6px 0;
    }
  </style>
</head>

<body>
  <div class="main">

    <h3 class="title">福建省创企信息科技有限公司</h3>

    <p class="order-message">
      订单号<span>:</span>23456789123
    </p>

    <p class="order-message">
      打印时间<span>:</span>23456789123
    </p>

    <table width="100%">
      <thead align="left">
        <tr class="thead">
          <th width="60%">商品名称</th>
          <th width="20%">数量</th>
          <th width="20%">金额</th>
        </tr>
      </thead>

      <tbody>
        <tr class="tbody">
          <td>西红柿蛋炒饭大份东方大啊的奋斗奋斗奋斗奋斗</td>
          <td>3000</td>
          <td>300000</td>
        </tr>
        <tr class="tbody">
          <td>西红柿蛋炒饭大份</td>
          <td>3</td>
          <td>30</td>
        </tr>
        <tr class="tbody">
          <td>西红柿蛋炒饭大份</td>
          <td>3</td>
          <td>30</td>
        </tr>
      </tbody>

      <tfoot align="left">
        <tr class="tfoot">
          <td>打包费：3.00</td>
          <td colspan="2">小计：123.00</td>
        </tr>
      </tfoot>
    </table>

    <p class="order-message">
      备注<span>:</span>但大家发挥巨大的负担回复回复符合规划规划法不会吧
    </p>
  </div>
</body>

</html>